<template>
	<zui-box>

		<!-- 头部导航 -->
		<zui-navbar title='手机号修改'></zui-navbar>
		<u-gap height="30rpx"></u-gap>
		
		<!-- //平面盒子 -->
		<zui-flat>
			<u-input v-model="account" shape='circle' placeholder="请输入手机号码" border="none" color='#fff' clearable>
			</u-input>
		</zui-flat>

		<u-gap height="30rpx"></u-gap>

		<zui-flat>
			<u-input v-model="account" shape='circle' placeholder="短信验证码" border="none" color='#fff' clearable>
				<template slot="suffix">
					<zui-code type='2'></zui-code>
				</template>
			</u-input>
		</zui-flat>

		<u-gap height="30rpx"></u-gap>

		<zui-flat>
			<u-input v-model="account" shape='circle' placeholder="请输入新的手机号码" border="none" color='#fff' clearable>
			</u-input>
		</zui-flat>

		<u-gap height="374rpx"></u-gap>


		<zui-button bgColor='#AA334F' @fun='save'>立即绑定</zui-button>



	</zui-box>
</template>

<script>
	export default {
		data() {
			return {};
		},
		created() {

		},
		methods: {
			save() {

			}
		}
	}
</script>

<style lang='scss' scoped>
	/deep/.u-input__content__field-wrapper__field {
		height: 100rpx !important;
	}
</style>
